<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内边距属性</title>
		<style>
		/* 外边距  边框  内边距:内容与边框的距离--使用范围：页面精灵图展示 内容 */	
		img{
			border: 1px solid red;
			 padding:100px; /* 内容撑开，元素实际尺寸会改变*/
			/* padding:2个值:上下  右左  */
			 padding: 10px 100px;  
			/* padding:2个值:上  右左  下*/
			 padding: 10px 100px 200px; 
			/* padding:2个值:上  右   下 左*/
			 padding: 10px 100px 200px 300px; 
		}
		</style>
	</head>
	<body>
		<img src="img/圣诞.png" width="300px" height="300px" alt="圣诞" />
	</body>
</html>